<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <title>社团管理系统/动态</title>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="../static/home/css/bootstrap.css">
    <link rel="stylesheet" href="../static/home/css/themify-icons.css">
    <link rel="stylesheet" href="../static/home/css/flaticon.css">
    <link rel="stylesheet" href="../static/home/css/all.min.css">
    <link rel="stylesheet" href="#">
    <link rel="stylesheet" href="../static/home/css/animate.css">
    <!-- main css -->
    <link rel="stylesheet" href="../static/home/css/style.css">
    <link rel="stylesheet" href="../static/home/css/responsive.css">
</head>
<body>

    <!--================ Start header Top Area =================-->
     <section class="header-top">
        <div class="container">
            <div class="row align-items-center justify-content-between">
                <div class="col-6 col-lg-4">
                    <div class="float-left">
              
                    </div>
                </div>
                <div class="col-6 col-lg-4 col-md-6 col-sm-6 logo2-wrapper">
                    <a href="front_home.html" class="logo2">
                        <img src="../static/home/picture/logo2.png" alt="">
                    </a>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-6 search-trigger">
                    <div class="right-button">
                        <ul>
                            <li><a id="search" href="javascript:void(0)"><i class="fas fa-search"></i></a></li>

                            <li><a href="/login">登录</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="search_input" id="search_input_box">
            <div class="container ">
                <form class="d-flex justify-content-between search-inner">
                    <input type="text" class="form-control" id="search_input" placeholder="Search Here">
                    <button type="submit" class="btn"></button>
                    <span class="ti-close" id="close_search" title="Close Search"></span>
                </form>
            </div>
        </div>
    </section>
    <!--================ End header top Area =================-->

    <!-- Start header Menu Area -->
    <header id="header" class="header_area">
        <div class="main_menu">
            <nav class="navbar navbar-expand-lg navbar-light">
                <div class="container">
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse offset" id="navbarSupportedContent">
                        <ul class="nav navbar-nav menu_nav ml-auto mr-auto">
                            <li class="nav-item active"><a class="nav-link" href="/front_home">主页</a></li>
                            <li class="nav-item"><a class="nav-link" href="/front_Community_display">社团</a></li>
                            <li class="nav-item"><a class="nav-link" href="/front_Wonderful_moments">精彩时刻</a></li>
                            <li class="nav-item submenu dropdown">
                                <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">动态</a>
                                <ul class="dropdown-menu">
                                    <li class="nav-item"><a class="nav-link" href="/front_dynamic">动态</a></li>
                                    <li class="nav-item"><a class="nav-link" href="/front_Message_Board">留言板</a></li>
                                </ul>
                            </li>
                            <li class="nav-item"><a class="nav-link" href="/front_dynamic">最新咨询</a></li>
                            <li class="nav-item"><a class="nav-link" href="/front_contact">联系我们</a></li>
                        </ul>
                    </div>
                </div>
            </nav>
        </div>
    </header>
    <!-- End header MEnu Area -->



  <!--================Home Banner Area =================-->
    <section class="banner_area">
      <div class="banner_inner d-flex align-items-center">
        <div class="container">
          <div class="banner_content d-md-flex justify-content-between align-items-center">
            <div class="mb-3 mb-md-0">
              <h2>动态</h2>
            </div>
            <div class="page_link">
              <a href="front_home.html">主页</a>
              <a href="front_contact.html">动态</a>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!--================End Home Banner Area =================-->


  <!--================Blog Area =================-->
  <section class="blog_area area-padding">
      <div class="container">
          <div class="row">
              <div class="col-lg-8 mb-5 mb-lg-0">
                  <div class="blog_left_sidebar">
                      <article class="blog_item">
                        <div class="blog_item_img">
                          <img class="card-img rounded-0" src="../static/home/picture/重财12.png" alt="">
                          <a href="#" class="blog_item_date">
                            <h3>30</h3>
                            <p>11月</p>
                          </a>
                        </div>
                        
                        <div class="blog_details">
                            <a class="d-inline-block" href="front_Message_Board.html">
                                <h2>努力锻炼，健康生活</h2>
                            </a>
                            <p>虽然打篮球对身体的发育各方面都有好处，但最大的好处应该是长个子和提高有氧力。因为篮球是个“高人”运动，长得高或跳得高都是优势。一场比赛下来，跳的次数可高达200多次，骨骼所得的生物力学信号则是“要生存，得往上长”！</p>
                            <ul class="blog-info-link">
                              <li><a href="#"><i class="far fa-user"></i> 篮球社</a></li>
                              <li><a href="#"><i class="far fa-comments"></i> 03 观看</a></li>
                            </ul>
                        </div>
                      </article>
                      
                      <article class="blog_item">
                        <div class="blog_item_img">
                          <img class="card-img rounded-0" src="../static/home/picture/重财生活 (4).png" alt="">
                          <a href="#" class="blog_item_date">
                            <h3>15</h3>
                            <p>Jan</p>
                          </a>
                        </div>
                        
                        <div class="blog_details">
                            <a class="d-inline-block" href="front_Message_Board.html">
                                <h2>摄影是到达另一个世界的通道</h2>
                            </a>
                            <p>学摄影能增加运动量，让身体更健康； 摄影一般是室外活动, 边走边拍可以增加运动量, 由于注意力集中在摄影, 身体也不容易感觉累; 如果你愿意变身文艺青年, 使用一颗定焦镜头,那运动量又能增加50%;</p>
                            <ul class="blog-info-link">
                              <li><a href="#"><i class="far fa-user"></i> 摄影社</a></li>
                              <li><a href="#"><i class="far fa-comments"></i> 03 观看</a></li>
                            </ul>
                        </div>
                      </article>

                      <article class="blog_item">
                        <div class="blog_item_img">
                          <img class="card-img rounded-0" src="../static/home/picture/重财生活 (5).png" alt="">
                          <a href="#" class="blog_item_date">
                            <h3>22</h3>
                            <p>Jan</p>
                          </a>
                        </div>
                        
                        <div class="blog_details">
                            <a class="d-inline-block" href="front_Message_Board.html">
                                <h2>美术是培养人的气质、锻炼人的心境</h2>
                            </a>
                            <p>培养丰富的情感 情感是学习的动力,画画有利于学生情感宣泄,使其身心发展得到平衡。同时,美育又能陶冶情操,使学生情感境界得到升华。艺术能使人</p>
                            <ul class="blog-info-link">
                              <li><a href="#"><i class="far fa-user"></i> 美术社</a></li>
                              <li><a href="#"><i class="far fa-comments"></i> 03 观看</a></li>
                            </ul>
                        </div>
                      </article>

                      <article class="blog_item">
                        <div class="blog_item_img">
                          <img class="card-img rounded-0" src="../static/home/picture/科技社.png" alt="">
                          <a href="#" class="blog_item_date">
                            <h3>7</h3>
                            <p>may</p>
                          </a>
                        </div>
                        
                        <div class="blog_details">
                            <a class="d-inline-block" href="front_Message_Board.html">
                                <h2>科技改变未来</h2>
                            </a>
                            <p>提高了人们的生活水平和生活质量，科技发展使我们生活更加丰富，飞机、地铁、高铁、轻轨等交通工具的出现给我们出行带来方便；电子商务的出现，给人们购物带来方便等。</p>
                            <ul class="blog-info-link">
                              <li><a href="#"><i class="far fa-user"></i>科技社</a></li>
                              <li><a href="#"><i class="far fa-comments"></i> 03 观看</a></li>
                            </ul>
                        </div>
                      </article>

                      <article class="blog_item">
                        <div class="blog_item_img">
                          <img class="card-img rounded-0" src="../static/home/picture/文化社.jpeg" alt="">
                          <a href="#" class="blog_item_date">
                            <h3>15</h3>
                            <p>Jan</p>
                          </a>
                        </div>
                        
                        <div class="blog_details">
                            <a class="d-inline-block" href="front_Message_Board.html">
                                <h2>弘扬国家优秀文化</h2>
                            </a>
                            <p>中华优秀传统文化是中华民族的精神命脉。文化是一个国家、一个民族的精神家园，体现着一个国家、一个民族的价值取向、道德规范、思想风貌及行为特征。中华文明是四大古文明中唯一没有中断的文明</p>
                            <ul class="blog-info-link">
                              <li><a href="#"><i class="far fa-user"></i> 文化社</a></li>
                              <li><a href="#"><i class="far fa-comments"></i> 09 观看</a></li>
                            </ul>
                        </div>
                      </article>
                      


                      <nav class="blog-pagination justify-content-center d-flex">
                          <ul class="pagination">
                              <li class="page-item">
                                  <a href="#" class="page-link" aria-label="Previous">
                                      <i class="ti-angle-left"></i>
                                  </a>
                              </li>
                              <li class="page-item">
                                  <a href="#" class="page-link">1</a>
                              </li>
                              <li class="page-item active">
                                  <a href="#" class="page-link">2</a>
                              </li>
                              <li class="page-item">
                                  <a href="#" class="page-link" aria-label="Next">
                                      <i class="ti-angle-right"></i>
                                  </a>
                              </li>
                          </ul>
                      </nav>
                  </div>
              </div>
              <div class="col-lg-4">
                  <div class="blog_right_sidebar">
                      <aside class="single_sidebar_widget search_widget">
                          <form action="#">
                            <div class="form-group">
                              <div class="input-group mb-3">
                                <input type="text" class="form-control" placeholder="搜索关键字">
                                <div class="input-group-append">
                                  <button class="btn" type="button"><i class="ti-search"></i></button>
                                </div>
                              </div>
                            </div>
                            <button class="button rounded-0 primary-bg text-white w-100" type="submit">搜索</button>
                          </form>
                      </aside>

                      <aside class="single_sidebar_widget post_category_widget">
                        <h4 class="widget_title">标签</h4>
                        <ul class="list cat-list">
                            <li>
                                <a href="#" class="d-flex">
                                    <p>汉服</p>
                                    <p>(37)</p>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="d-flex">
                                    <p>科技</p>
                                    <p>(10)</p>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="d-flex">
                                    <p>活力</p>
                                    <p>(03)</p>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="d-flex">
                                    <p>绘画</p>
                                    <p>(11)</p>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="d-flex">
                                    <p>灵魂</p>
                                    <p>21</p>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="d-flex">
                                    <p>羽毛球</p>
                                    <p>09</p>
                                </a>
                            </li>
                        </ul>
                      </aside>

                      <aside class="single_sidebar_widget popular_post_widget">
                          <h3 class="widget_title">最近发布</h3>
                          <div class="media post_item">
                              <img src="../static/home/picture/重财9.png" alt="post">
                              <div class="media-body">
                                  <a href="front_Message_Board.html">
                                      <h3>运动起来！</h3>
                                  </a>
                                  <p>08 小时以前</p>
                              </div>
                          </div>
                       
                          <div class="media post_item">
                              <img src="../static/home/picture/重财2.jpg" alt="post">                              
                              <div class="media-body">
                                  <a href="front_Message_Board.html">
                                      <h3>精美汉服</h3>
                                  </a>
                                  <p>03 小时以前</p>
                              </div>
                          </div>
                          <div class="media post_item">
                              <img src="../static/home/picture/重财7.png" alt="post">
                              <div class="media-body">
                                  <a href="front_Message_Board.html">
                                      <h3>夜色校园</h3>
                                  </a>
                                  <p>01 小时以前</p>
                              </div>
                          </div>
                      </aside>
                      <aside class="single_sidebar_widget tag_cloud_widget">
                          <h4 class="widget_title">热搜词</h4>
                          <ul class="list">
                              <li>
                                  <a href="#">汉服</a>
                              </li>
                              <li>
                                  <a href="#">期末考核</a>
                              </li>
                              <li>
                                  <a href="#">依托答辩</a>
                              </li>
                              <li>
                                  <a href="#">疫情</a>
                              </li>
                              <li>
                                  <a href="#">美食</a>
                              </li>
                              <li>
                                  <a href="#">自律</a>
                              </li>
                              <li>
                                  <a href="#">锻炼</a>
                              </li>
                              <li>
                                  <a href="#">分享生活</a>
                              </li>
                          </ul>
                      </aside>


                      <aside class="single_sidebar_widget instagram_feeds">
                        <h4 class="widget_title">精美图片</h4>
                        <ul class="instagram_row flex-wrap">
                            <li>
                                <a href="#">
                                  <img class="img-fluid" src="../static/home/picture/绘画10.jpeg" alt="">
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                  <img class="img-fluid" src="../static/home/picture/绘画10 (2).jpeg" alt="">
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                  <img class="img-fluid" src="../static/home/picture/widget-i3.png" alt="">
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                  <img class="img-fluid" src="../static/home/picture/widget-i4.png" alt="">
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                  <img class="img-fluid" src="../static/home/picture/widget-i5.png" alt="">
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                  <img class="img-fluid" src="../static/home/picture/widget-i6.png" alt="">
                                </a>
                            </li>
                        </ul>
                      </aside>


                      <aside class="single_sidebar_widget newsletter_widget">
                        <h4 class="widget_title">快速通报</h4>

                        <form action="#">
                          <div class="form-group">
                            <input type="email" class="form-control" placeholder="Enter email" required="">
                          </div>
                          <button class="button rounded-0 primary-bg text-white w-100" type="submit">订阅</button>
                        </form>
                      </aside>
                  </div>
              </div>
          </div>
      </div>
  </section>
  <!--================Blog Area =================-->


<!-- ================ Instargram Area Starts ================= -->  

   <section class="instagram">
        <div class="row no-gutters">
            <div class="col-2">
                <a href=""><img src="../static/home/picture/重财生活 (1).png" alt=""></a>
            </div>
            <div class="col-2">
                <a href=""><img src="../static/home/picture/重财生活 (3).png" alt=""></a>
            </div>
            <div class="col-2">
                <a href=""><img src="../static/home/picture/重财生活 (4).png" alt=""></a>
            </div>
            <div class="col-2">
                <a href=""><img src="../static/home/picture/重财生活 (5).png" alt=""></a>
            </div>
            <div class="col-2">
                <a href=""><img src="../static/home/picture/重财生活4 (2).jpg" alt=""></a>
            </div>
            <div class="col-2">
                <a href=""><img src="../static/home/picture/重财14.png" alt=""></a>
            </div>
        </div>
    </section>

    <!-- ================ Instargram Area End ================= -->  


    <!-- ================ start footer Area ================= -->
   <footer class="footer-area">
        <div class="container">
            <div class="row">

                <div class="col-lg-3 col-sm-6 mb-4 mb-xl-0 single-footer-widget">
                    <h4>关于我们</h4>
                    <p>我们是对理想有着执着追求的人，坚信是金子总会发光。</p>
                    <div class="footer-logo">
                        <img src="../static/home/picture/logo2.png" alt="">
                    </div>
                </div>

                <div class="col-lg-3 col-sm-6 mb-4 mb-xl-0 single-footer-widget">
                    <h4>联系方式</h4>
                    <div class="footer-address">
                        <p>地址 :重庆巴南区
                       </p>
                        <span>电话 : +123456</span>
                        <span>邮箱Email : shetuanguanli.com</span>
                    </div>
                </div>

                <div class="col-lg-3 col-sm-6 mb-4 mb-xl-0 single-footer-widget">
                    <h4>活跃平台</h4>
                    <ul>
                        <li><a href="#">QQ</a></li>
                        <li><a href="#">微信</a></li>
                        <li><a href="#">微博</a></li>
                        <li><a href="#">百度</a></li>
                        <li><a href="#">抖音</a></li>
                    </ul>
                </div>

                <div class="col-lg-3 col-sm-6 col-md-6 mb-4 mb-xl-0 single-footer-widget">
                    <h4>加入我们</h4>
                    <p>欢迎你！我们相信，公司因为你的加⼊⽽会更精彩更完美</p>

                    <div class="form-wrap" id="mc_embed_signup">
                        <form target="_blank" action="#" method="get">
                        <div class="input-group">
                            <input type="email" class="form-control" name="EMAIL" placeholder="Your Email Address" onfocus="this.placeholder = ''" onblur="this.placeholder = '你的地址 '">
                            <div class="input-group-append">
                                <button class="btn click-btn" type="submit">
                                    <i class="fab fa-telegram-plane"></i>
                                </button>
                            </div>
                        </div>
                        <div style="position: absolute; left: -5000px;">
                            <input name="b_36c4fd991d266f23781ded980_aefe40901a" tabindex="-1" value="" type="text">
                        </div>

                        <div class="info"></div>
                    </form>
                </div>

            </div>
        </div>
        <div class="footer-bottom row align-items-center text-center text-lg-left no-gutters">
        
        </div>
    </div>
</footer>
  <!--================Blog Area =================-->









<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="../static/home/js/jquery-2.2.4.min.js"></script>
<script src="../static/home/js/popper.js"></script>
<script src="../static/home/js/bootstrap.min.js"></script>
<script src="../static/home/js/stellar.js"></script>
<script src="../static/home/js/jquery.magnific-popup.min.js"></script>
<script src="../static/home/js/jquery.ajaxchimp.min.js"></script>
<script src="../static/home/js/waypoints.min.js"></script>
<script src="../static/home/js/mail-script.js"></script>
<script src="../static/home/js/contact.js"></script>
<script src="../static/home/js/jquery.form.js"></script>
<script src="../static/home/js/jquery.validate.min.js"></script>
<script src="../static/home/js/mail-script.js"></script>
<script src="../static/home/js/theme.js"></script>
</body>
</html>